import React, { Component } from 'react'

import {Context} from "../index.js"
export default class a extends Component {
    constructor(props) {
        super(props)
        this.state = {
            count: 0
        }
    }
   componentDidMount() {
       const {count} = this.state
    //    console.log("开始：", count)

    //    setTimeout(() => {
    //     this.setState({
    //         count: this.state.count + 1
    //     })
    //    })
    //    setTimeout(() => {
    //     this.setState({
    //         count: this.state.count + 1
    //     })
    //    })
    //    setTimeout(() => {
    //     this.setState({
    //         count: this.state.count + 1
    //     })
    //    })

    // this.setState({
    //     count: count+1
    // })
    // this.setState({
    //     count: count+1
    // })
    // this.setState({
    //     count: count+1
    // })
    
    // this.setState((count) => {
    //     console.log("+++", count)
    //     return count +1
    // })
    // this.setState(a => {
    //     return  a.count +1
    // })
    // this.setState(a => {
    //     return  a.count +1
    // })
   }
  render() {
    //   console.log("render", this.state.count)
    return (
      <div>
          a : {this.state.count}
          <Context.Consumer>
            { (name) => {
                // console.log("类组件", name)
                return  (
                    <p> 获取传下来在值：{name.activeKey} </p>
                ) 
            }}
          </Context.Consumer>
      </div>
    )
  }
}
